<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<title>首页</title>

<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/base.css" />
<link rel="stylesheet" type="text/css" href="css/index_content.css" />
<style>
</style>
</head>

<body>
	<!--导航头部-->
	<div class="head">
		<!--中间主体-->
		<div class="container">

			<img src="img/index/LOGO1024@1x.png" class="logo" />
			<ul class="head-nav">

				<li><a href="index.html" class="defalut-font head-ClickColor">首页</a>
				</li>
				<li><a href="javascript:void(0);" class="defalut-font">培训</a></li>
				<li><a href="javascript:void(0);" class="defalut-font">方案</a></li>
				<li><a href="javascript:void(0);" class="defalut-font">产品</a></li>
				<li><a href="javascript:void(0);" class="defalut-font">活动</a></li>
				<div style="clear: both;"></div>
			</ul>

			<!--右-->
			<div class="head-right">

				<div class="head-search">
					<input type="text" placeholder="请输入关键字" />
					<button class="head-icon"></button>

					<img class="head-news" src="img/base/youxinxi.png"
						onmouseover="this.src='img/base/youxinxigaoliang.png'"
						onmouseout="this.src='img/base/youxinxi.png'" /> <img
						src="img/index/Patty@1x.png" class="head-userImage" /> <a
						href="javascript:void(0);" class="head-username">Hanming</a>

					<!--下拉框-->

					<div class="user-drop-down">
						<img src="img/base/gerenzhongxinxiala.png" />
						<ul class="drop-down-ul">
							<li class="drop-li-border"><a href="personal.html">个人中心</a>
							</li>
							<li class="drop-li-border"><a href="Message.html">消息提醒</a>
							</li>
							<li class="drop-li-border"><a href="myCollection.html">我的收藏</a>
							</li>
							<li class="drop-li-border"><a href="accountSettings.html">账号设置</a>
							</li>
							<br />
							<li><a href="">退出</a>
							</li>

						</ul>
					</div>


					<div class="news-drop-down">
						<img src="img/base/plxiala.png" />
						<div class="qwe">

							<div class="news-drop-model">
								<span class="news-drop-span"><span
									style="color: #FF9900;">@6666</span>评论了你:</span> <span
									class="news-drop-date">2016-11-21</span>
								<p class="news-drop-content">
									<a href="javascript:void(0);">回复速度很快，一个工作日就给我答复，最终提供的方案和项目交付质量都很高。希望今后还有更....</a>
								</p>

							</div>
							<div class="news-drop-model">
								<span class="news-drop-span"><span
									style="color: #FF9900;">@6666</span>评论了你:</span> <span
									class="news-drop-date">2016-11-21</span>
								<p class="news-drop-content">
									<a href="javascript:void(0);">回复速度很快，一个工作日就给我答复，最终提供的方案和项目交付质量都很高。希望今后还有更....</a>
								</p>

							</div>

							<a href="Message.html" class="look-allnews">查看全部</a>
						</div>
					</div>
					<div style="clear:both"></div>

				</div>

			</div>

			<div style="clear:both"></div>
		</div>

	</div>
	<!--导航头部结束-->

	<!--主体-->
	<div class="warper" style="height:auto;min-height: 100%px;">
		<div class="content">
			<div class="container content-height">
				<div class="content-left ">

					<div class="banner" id="b04">

						<ul>

							<li><img src="img/index/banner.png" alt="">
							</li>

							<li><img src="img/index/banner2.png" alt="">
							</li>

							<li><img src="img/index/banner.png" alt="">
							</li>

							<li><img src="img/index/banner2.png" alt="">
							</li>

						</ul>

						<a href="javascript:void(0);" class="unslider-arrow04 prev"><img
							class="arrow" id="al" src="img/index/Shape@1x.png"
							onmouseover="this.src='img/index/left hl.png'"
							onmouseout="this.src='img/index/Shape@1x.png'" alt="prev">
						</a> <a href="javascript:void(0);" class="unslider-arrow04 next"><img
							class="arrow" id="ar" src="img/index/Shape@1you.png" alt="next"
							onmouseover="this.src='img/index/right hl.png'"
							onmouseout="this.src='img/index/Shape@1you.png'"> </a>

					</div>

					<!--上面是轮播图-->
					<!--ul中嵌套ul-->
					<div style="width:750px;overflow:hidden" id="test">
						<div style="width:680px;overflow:hidden" id="test2">
							<ul class="left-ul">
								<li><img class="left-ul-Arrow" src="img/index/left1.png"
									onmouseover="this.src='img/index/left2.png'"
									onmouseout="this.src='img/index/left1.png'" />
								</li>
								<li><img class="right-ul-Arrow" src="img/index/right1.png"
									onmouseover="this.src='img/index/right2.png'"
									onmouseout="this.src='img/index/right1.png'" /></li>

								<li><a href="javascript:void(0);"
									class="left-ul-a a-click Click-Color">全部</a></li>
								<li><a href="javascript:void(0);"
									class="left-ul-a a-click ">业界动态</a></li>
								<li><a href="javascript:void(0);" class="left-ul-a a-click">技术</a>
								</li>
								<li><a href="javascript:void(0);" class="left-ul-a a-click">创业分享</a>
								</li>
								<li><a href="javascript:void(0);" class="left-ul-a a-click">市场</a>
								</li>
								<li><a href="javascript:void(0);"
									class="left-ul-a a-click ">业界动态</a></li>
								<li><a href="javascript:void(0);" class="left-ul-a a-click">技术</a>
								</li>
								<li><a href="javascript:void(0);" class="left-ul-a a-click">创业分享</a>
								</li>
								<li><a href="javascript:void(0);" class="left-ul-a a-click">市场</a>
								</li>
								<li><a href="javascript:void(0);"
									class="left-ul-a a-click ">业界动态</a></li>
								<li><a href="javascript:void(0);" class="left-ul-a a-click">技术</a>
								</li>
								<li><a href="javascript:void(0);" class="left-ul-a a-click">创业分享</a>
								</li>
								<li><a href="javascript:void(0);" class="left-ul-a a-click">市场</a>
								</li>

							</ul>
						</div>
					</div>

					<!--数据展示-->

					<div class="left-model-list">
						<!--model-->
						<div class="left-model">
							<img src="img/index/Rectangle@1x.png" class="left-model-img" />
							<div class="model-right">
								<a href="">
									<h3>物联网应用之bluesmart智能旅行箱，能定位能定位</h3> </a>
								<p>物联网应用之bluesmart智能旅行箱，能定位能自动上锁</p>
								<div class="model-span">
									<img src="img/index/Shape@1x(2).png" /> <span>标签1</span>, <span>标签2</span>,
									<span>标签3</span>
								</div>
								<span class="model-date">2016-11-21</span>
							</div>
							<div style="clear: both;"></div>
						</div>

						<div class="left-model">
							<img src="img/index/Rectangle2@1x.png" class="left-model-img" />
							<div class="model-right">
								<a href="">
									<h3>物联网应用之bluesmart智能旅行箱，能定位能定位</h3> </a>
								<p>物联网应用之bluesmart智能旅行箱，能定位能自动上锁</p>
								<div class="model-span">
									<img src="img/index/Shape@1x(2).png" /> <span>标签1</span>, <span>标签2</span>,
									<span>标签3</span>
								</div>
								<span class="model-date">2016-11-21</span>
							</div>
							<div style="clear: both;"></div>
						</div>
						<div class="left-model">
							<img src="img/index/Rectangle3@1x.png" class="left-model-img" />
							<div class="model-right">
								<a href="">
									<h3>物联网应用之bluesmart智能旅行箱，能定位能定位</h3> </a>
								<p>物联网应用之bluesmart智能旅行箱，能定位能自动上锁</p>
								<div class="model-span">
									<img src="img/index/Shape@1x(2).png" /> <span>标签1</span>, <span>标签2</span>,
									<span>标签3</span>
								</div>
								<span class="model-date">2016-11-21</span>
							</div>
							<div style="clear: both;"></div>
						</div>

						<div class="left-model">
							<img src="img/index/Rectangle4@1x.png" class="left-model-img" />
							<div class="model-right">
								<a href="">
									<h3>物联网应用之bluesmart智能旅行箱，能定位能定位</h3> </a>
								<p>物联网应用之bluesmart智能旅行箱，能定位能自动上锁</p>
								<div class="model-span">
									<img src="img/index/Shape@1x(2).png" /> <span>标签1</span>, <span>标签2</span>,
									<span>标签3</span>
								</div>
								<span class="model-date">2016-11-21</span>
							</div>
							<div style="clear: both;"></div>
						</div>

						<div class="left-model">
							<img src="img/index/Rectangle5@1x.png" class="left-model-img" />
							<div class="model-right">
								<a href="">
									<h3>物联网应用之bluesmart智能旅行箱，能定位能定位</h3> </a>
								<p>物联网应用之bluesmart智能旅行箱，能定位能自动上锁</p>
								<div class="model-span">
									<img src="img/index/Shape@1x(2).png" /> <span>标签1</span>, <span>标签2</span>,
									<span>标签3</span>
								</div>
								<span class="model-date">2016-11-21</span>
							</div>
							<div style="clear: both;"></div>
						</div>

						<div class="left-model ceshi-left-model">
							<img src="img/index/Rectangle5@1x.png" class="left-model-img" />
							<div class="model-right">
								<a href="">
									<h3>物联网应用之bluesmart智能旅行箱，能定位能定位</h3> </a>
								<p>物联网应用之bluesmart智能旅行箱，能定位能自动上锁</p>
								<div class="model-span">
									<img src="img/index/Shape@1x(2).png" /> <span>标签1</span>, <span>标签2</span>,
									<span>标签3</span>
								</div>
								<span class="model-date">2016-11-21</span>
							</div>
							<div style="clear: both;"></div>
						</div>

						<div class="left-model ceshi-left-model">
							<img src="img/index/Rectangle5@1x.png" class="left-model-img" />
							<div class="model-right">
								<a href="">
									<h3>物联网应用之bluesmart智能旅行箱，能定位能定位</h3> </a>
								<p>物联网应用之bluesmart智能旅行箱，能定位能自动上锁</p>
								<div class="model-span">
									<img src="img/index/Shape@1x(2).png" /> <span>标签1</span>, <span>标签2</span>,
									<span>标签3</span>
								</div>
								<span class="model-date">2016-11-21</span>
							</div>
							<div style="clear: both;"></div>
						</div>



					</div>
					<!--list结束-->

					<div class="left-footer">
						<button class="btn-more">浏览更多</button>
						<span class="nomore-span">没有更多了</span>
					</div>

				</div>

				<div class="content-right ">
					<div class="right-newsList">
						<h3 class="newsList-title">最新发布</h3>
						<!--展示数据-->
						<div class="newsModel">
							<a href="javascript:void(0);">
								<h3>物联网应用之bluesmart智能旅行箱，能定位能定位</h3> </a> <label>产品</label> <span>2016-11-21</span>
						</div>

						<div class="newsModel">
							<a href="javascript:void(0);">
								<h3>物联网应用之bluesmart智能旅行箱，能定位能定位</h3> </a> <label>培训</label> <span>2016-11-21</span>
						</div>

						<div class="newsModel">
							<a href="javascript:void(0);">
								<h3>物联网应用之bluesmart智能旅行箱，能定位能定位</h3> </a> <label>活动</label> <span>2016-11-21</span>
						</div>

						<div class="newsModel">
							<a href="javascript:void(0);">
								<h3>物联网应用之bluesmart智能旅行箱，能定位能定位</h3> </a> <label>产品</label> <span>2016-11-21</span>
						</div>

						<div class="newsModel">
							<a href="javascript:void(0);">
								<h3>物联网应用之bluesmart智能旅行箱，能定位能定位</h3> </a> <label>产品</label> <span>2016-11-21</span>
						</div>

					</div>
					<div class="right-download">

						<div class="right-download-Child">
							<h3>手机也能看硬件</h3>
							<a href="javascript:void(0);"><img
								src="img/index/anzhuoxiazai.png" class="android" /> </a> <a
								href="javascript:void(0);"><img
								src="img/index/IOSxiazai.png" class="ios" /> </a>
						</div>
					</div>
					<div></div>
				</div>

				<div style="clear:both"></div>

				<div class="content-bottom">
					<div class="bottom-box bottom-left">
						<img src="img/index/tuyi.png" />
					</div>
					<div class="bottom-box bottom-center">
						<img src="img/index/tuer.png" />
					</div>
					<div class="bottom-box bottom-right">
						<img src="img/index/tusan.png" />
					</div>

				</div>

			</div>
		</div>
		<div id="content">
			<div id="left"></div>
			﻿
			<div id="right"></div>
			﻿
			<div class="clear"></div>
		</div>

	</div>

	<!--主体结束-->

	<!--尾部-->
	<div class="footer">
		<div class="container">
			<!--左一-->
			<div class="footer-about footer1">
				<a href="javascript:void(0);" class="m-bottom">关于硬见</a> <span
					class="copyright_split">|</span> <a href="javascript:void(0);">用户合作</a><br />
				<span class="footer-email m-bottom">商务合作：<a
					href="javascript:void(0);">business@teach2real.com</a> </span><br /> <span
					class="footer-email m-bottom">业务咨询：<a
					href="javascript:void(0);">zhangbb@teach2real.com</a> </span><br /> <span
					class="footer-phone m-bottom">手机也能看硬见</span>
				<div class="footer-download">
					<a href="javascript:void(0);"><img
						src="img/index/anzhuoxiazai.png" class="android" /> </a> <a
						href="javascript:void(0);"><img src="img/index/IOSxiazai.png"
						class="ios" /> </a>
				</div>
			</div>
			<!--中间-->
			<div class="footer-web footer1">
				<p>友情链接:</p>

				<a href="javascript:void(0);" class="footer-shu">金百泽</a> <span
					class="copyright_split">|</span> <a href="javascript:void(0);"
					class="footer-shu">云创造物</a> <span class="copyright_split">|</span>

				<a href="javascript:void(0);" class="footer-a">PCB在线订单</a> <br /> <a
					href="javascript:void(0);" class="footer-sister">硬见姐姐</a>
			</div>
			<div class="footer-code footer1">
				<img src="img/index/qrcode_for_gh_8baa03ad04b0_860@1x.png" />
				<p>扫 码 关 注 我 们</p>
			</div>
		</div>

	</div>
	<div class="over-bottom">
		<p>www.teach2real.com 2015-2016 @ All Rights Reserved
			京ICP备16009004号-1</p>
	</div>
	<!--尾部结束-->

	<!--返回顶部-->
	<div class="returnTop">
		<img src="img/index/fanhuidingbu-yibang.png"
			onmousemove="this.src='img/index/fanhuidingbu-gaoliang.png'"
			onmouseout="this.src='img/index/fanhuidingbu-yibang.png'" />
	</div>
</body>
<script type="text/javascript" src="js/jquery-1.10.0.js"></script>
<script type="text/javascript" src="js/unslider.min.js"></script>
<script type="text/javascript" src="js/i.js"></script>


</html>